<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="editModalLabel">修改用户信息</h4>
            </div>
            <form accept-charset="utf-8">
                <div class="modal-body">
                    <div class="input-group">
                        <span class="input-group-addon">用户ID：</span>
                        <input type="text" readonly class="form-control" name="editId">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">用户名：</span>
                        <input type="text" class="form-control" name="editName">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码：</span>
                        <input type="text" class="form-control" name="editPasswd">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">公&nbsp;&nbsp;&nbsp;司：</span>
                        <input type="text" class="form-control" name="editCompany">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">年&nbsp;&nbsp;&nbsp;龄：</span>
                        <input type="text" class="form-control" name="editAge">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">性&nbsp;&nbsp;&nbsp;别：</span>
                        <label>男<input type="radio" checked name="editSex" value="1"></label>
                        <label>女<input type="radio" name="editSex" value="0"></label>
                    </div>
                </div>
            </form>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-default editBtn" id="editSubmit">提交</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="addodalLabel">添加用户信息</h4>
            </div>
            <form accept-charset="utf-8">
                <div class="modal-body">
                    <div class="input-group">
                        <span class="input-group-addon">用户ID：</span>
                        <input type="text" class="form-control" name="addId">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">用户名：</span>
                        <input type="text" class="form-control" name="addName">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">密&nbsp;&nbsp;&nbsp;码：</span>
                        <input type="text" class="form-control" name="addPasswd">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">公&nbsp;&nbsp;&nbsp;司：</span>
                        <input type="text" class="form-control" name="addCompany">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">年&nbsp;&nbsp;&nbsp;龄：</span>
                        <input type="text" class="form-control" name="addAge">
                    </div></br>
                    <div class="input-group">
                        <span class="input-group-addon">性&nbsp;&nbsp;&nbsp;别：</span>
                        <!-- <input type="text" class="form-control" name="addSex"> -->
                        <label>男<input type="radio" checked name="addSex" value="1"></label>
                        <label>女<input type="radio" name="addSex" value="0"></label>
                    </div>
                </div>
            </form>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-default delBtn" id="addSubmit">添加</button>
            </div>
        </div>
    </div>
</div>
<div id="toolbar" class="btn-group">
    <button id="btn_add" type="button" class="btn btn-default" data-target='#addModal'>
        <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
    </button>
    <button id="btn_edit" type="button" class="btn btn-default" data-target='#editModal'>
        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
    </button>
    <button id="btn_delete" type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
    </button>
    <button id="btn_refresh" type="button" class="btn btn-default">
        <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>刷新
    </button>
</div>
<table id="tb_departments">
    <thead>
        <tr>
            <th data-field="userid">用户id</th>
            <th data-field="username">用户名</th>
            <th data-field="password">密码</th>
            <th data-field="age">年龄</th>
            <th data-field="sex">性别</th>
            <th data-field="company">公司</th>
        </tr>
    </thead>
</table>